<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
}
ul {
margin-left: 100px;
margin-top: 100px;
}
li {
margin-bottom: 15px;
}
p {
font-weight: bold;
}
.myli:focus {
border-style: solid;
border-color: red;
}
.check {
height: auto;
width: auto;
margin-left: 10px;
}
.p1 {
display: inline-block;
font-weight: bold;
}
.submit {
color: #fff;
width: 70px;
height: 40px;
background-color: #1583db;
}
input {
outline: none;
height: 30px;
width: 250px;
border-radius: 3px;
border: 1px solid #6166ff;
}

textarea {

outline: none;

border-radius: 3px;

height: 70px;

width: 250px;

border: 1px solid #6166ff;

}


.myradio {

width: auto;

height: auto;

}

</style>

<body>

    <form action="#">

        <ul>

            <li>

                <p>收货人</p>

                <input class="myli" type="text">



            </li>

            <li>

                <p>手机号码</p>

                <input class="myli" type="text">

            </li>

          <li>

                <p>所在地区</p>

                <input class="myli" type="text">

            </li>

            <li>

                <p>详细地址</p>

                <textarea class="myli" name="" id="" cols="30" rows="5"></textarea>

            </li>

            <li>

                <p>标签</p>

                <input class="myradio" type="radio" name="mylabel" checked><span>家</span>

              <input class="myradio" type="radio" name="mylabel"><span>公司</span>

                <input class="myradio" type="radio" name="mylabel"><span>学校</span>

            </li>

            <li>

                <p class="p1">设置为默认地址</p>

                <input class="check" type="checkbox">

           </li>
            <li>
                <input class="submit" type="submit">
            </li>
        </ul>
    </form>
</body>
<html>